<!DOCTYPE html >
<html>
<head>
    <meta name="Generator" content="ECSHOP v2.7.3" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>${siteConfig.shopName!}  </title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
    <meta name="Keywords" content="ecshop开发中心" />
    <meta name="Description" content="ecshop开发中心" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <script type="text/javascript" src="/template/default/js/TouchSlide.1.1.js"></script>
    <link rel="stylesheet" type="text/css" href="/template/default/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="/template/default/css/index.css"/>
    <script type="text/javascript" src="https://static.9hive.cn/global/vendor/jquery/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/template/default/js/jquery.json.js"></script>
    <script type="text/javascript" src="/template/default/js/transport.js"></script>	
    <script type="text/javascript" src="https://static.9hive.cn/global/vendor/touch/touchslider.dev.js"></script>
    <script type="text/javascript" src="/template/default/js/jquery.more.js"></script>
    <script type="text/javascript" src="/template/default/js/common.js"></script>
    <script type="text/javascript" src="https://static.9hive.cn/global/vendor/layer/layer.js"></script>

    <!--添加商品至购物车-->
    <script type="text/javascript" src="/template/default/js/product.js"></script>
    <script type="text/javascript" src="/res/js/jquery.metadata.js"></script>
</head>

<body>
<div id="page" class="showpage">
    <div>
        <style>
            .scrollimg{position:relative; overflow:hidden; margin:0px auto; /* 设置焦点图最大宽度 */}
            .scrollimg .hd{ position: absolute;
                bottom:0px;
                text-align: center;
                width: 100%;}
            .scrollimg .hd li{display: inline-block;
                width: .4em;
                height: .4em;
                margin: 0 .4em;
                -webkit-border-radius: .8em;
                -moz-border-radius: .8em;
                -ms-border-radius: .8em;
                -o-border-radius: .8em;
                border-radius: .8em;
                background: #FFF;
                filter: alpha(Opacity=60);
                opacity: .6;
                box-shadow: 0 0 1px #ccc; text-indent:-100px; overflow:hidden; }
            .scrollimg .hd li.on{ filter: alpha(Opacity=90);
                opacity: .9;
                background: #f8f8f8;
                box-shadow: 0 0 2px #ccc; }
            .scrollimg .bd{position:relative; z-index:0;}
            .scrollimg .bd li{position:relative; text-align:center;}
            .scrollimg .bd li img{background:url("") center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
            .scrollimg .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
            .scrollimg .bd li .tit{display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(themesmobile/68ecshopcom_mobile/images/focusBg.png) repeat-x; color:#fff;  text-align:left;}
        </style>
        <div id="scrollimg" class="scrollimg">
            <div class="bd">
                <ul>
                    <%for(list in businessAdImgList!){%>
                        <%if(list.adTypeId==1){%><!--adTypeId为1是首页广告-->
                            <li><a href="${list.url}"> <img src="${list.image!}" /></a></li>
                        <%}%>
                    <%}%>
                </ul>
            </div>
            <div class="hd">
                <ul></ul>
            </div>
        </div>
        <script type="text/javascript">
            TouchSlide({
                slideCell:"#scrollimg",
                titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                mainCell:".bd ul",
                effect:"leftLoop",
                autoPage:true,//自动分页
                autoPlay:true //自动播放
            });
        </script>

        <div class="index_search" >
            <div class="index_search_mid index_search_single">
                <span><img src="/template/default/images/icosousuo.png"></span>
                <input class="text" id="search_text" type="text" value="请输入您所搜索的商品"/>
            </div>
            <a class="index_my" href="/b/customerCenter?shopId=${shopId!}">
                <i class="vf_5"></i>
            </a>
        </div>
<!--
        <div class="entry-list clearfix">
            <nav>
                <ul>
                    <li>
                        <a href="/b/product/goodListForm?shopId=${shopId!}">
                            <img alt="全部商品" src="/template/default/images/1439370359750635542.png" />
                            <br>
                            <span>全部商品</span>
                        </a>
                    </li>
                    <li>
                        <a href="/b/product/goodCategory?shopId=${shopId}">
                            <img alt="商品分类" src="/template/default/images/1438852948914536134.png" />
                            <br>
                            <span>商品分类</span>
                        </a>
                    </li>
                    <li>
                        <a href="/b/cartItem/list?shopId=${shopId}">
                            <img alt="购物车" src="/template/default/images/1439370453298581512.png" />
                            <br>
                            <span>购物车</span>
                        </a>
                    </li>
                    <li>
                        <a href="/b/customerCenter?shopId=${shopId!}">
                            <img alt="个人中心" src="/template/default/images/1438853624054730454.png" />
                            <br>
                            <span>个人中心</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
-->
            <div class="black"></div>               
            <section class="index_floor_lou pre-floor">
                <div class="floor_body ">
                    <h2>
                        精品推荐
                    </h2>
                    <ul>
                        <%for(product in bestProductList!){%>
                        <li>
                            <div class="pre-product">
                                <a href="/b/product/detailWap?id=${product.id}&shopId=${shopId!}">
                                    <img src="${product.backGroundImg!}">
                                    <div class="pre-ms">
                                        <span class="pre-title">${product.name}</span><br>
                                        <i style="padding-left: 0px">${product.secondName}</i>
                                    </div>
                                    <div class="pre-rice">
                                        <span class="ms">惊喜价：</span>
                                        <span class="rice"><i>￥</i>${product.price}<span style="padding-left: 5px">返利5%</span></span>
                                        <span class="buy-btn">立即抢购</span>
                                    </div>
                                </a>
                            </div>
                        </li>
                        <%}%>
                    </ul>
                </div>
            </section>
        <%for(list in rootProductCategoryList!){%>
            <section class="index_floor_lou">
                <div class="floor_body ">
                    <h2>
                        <em></em>${list.name}<span class="geng"><a href="/b/product/goodListForm?shopId=${shopId!}&productCategory_id=${list.id}" >更多 <i></i></a></span>
                    </h2>
                    <ul>
                        <%for(product in list.RootBestProductCategory){%>
                            <li>
                                <a href="/b/product/detailWap?id=${product.id}&shopId=${shopId!}" title="${product.name}">
                                    <div class="products_kuang">
                                        <img src="${product.productImageList[0].sourceProductImagePath!}">
                                    </div>
                                    <div class="goods_name">${product.name}</div>
                                    <div class="price">
                                        <a href="/b/product/detailWap?id=${product.id}&shopId=${shopId!}" class="price_pro">￥${product.price}</a>
                                        <span class="costprice">￥${product.marketPrice}</span>
                                        <a style="display: none" class="btns addCartItem {id: '${product.id}',shopId:'${shopId}'}">
                                            <img src="/template/default/images/index_flow.png">
                                        </a>
                                    </div>
                                </a>
                            </li>
                        <%}%>
                    </ul>
                </div>
            </section>
        <%}%>

        <script type="text/javascript" src="/template/default/js/scroll.more.js"></script>

        <%include("footer_sys.html"){}%>
        <script>
            function goTop(){
                $('html,body').animate({'scrollTop':0},600);
            }
        </script>
        <!--<a href="javascript:goTop();" class="gotop"><img src="/template/default/images/topup.png"></a>-->
    </div>
    <div id="search_hide" class="search_hide">
        <h2>关键词搜索</h2>
        <div class="search_body">
            <div class="search_box">
                <form action="/b/product/goodListForm" method="post" id="searchForm" name="searchForm">
                    <input type="hidden" name="shopId" value="${shopId!}" />
                    <div>
                        <button type="submit" value="搜 索" ></button>
                        <input class="text" type="search" name="keyword" id="keywordBox" autofocus>

                    </div>
                </form>
            </div>
            <span class="close"> </span>
        </div>
        <section class="mix_recently_search"><h3>热门搜索</h3>
            <ul>
                <%for(keyword in businessHotSearchList!){%>
                    <li>
                        <a href="/b/product/goodList?shopId=${shopId}&keyword=${keyword}">${keyword}</a>
                    </li>
                <%}%>
            </ul>
        </section>
    </div>
</div>
<script type="Text/Javascript" language="JavaScript">
    function selectPage(sel)
    {
        sel.form.submit();
    }
</script>
<script type="text/javascript">
    var button_compare = "";
    var exist = "您已经选择了%s";
    var count_limit = "最多只能选择4个商品进行对比";
    var goods_type_different = "\"%s\"和已选择商品类型不同无法进行对比";
    var compare_no_goods = "您没有选定任何需要比较的商品或者比较的商品数少于 2 个。";
    var btn_buy = "购买";
    var is_cancel = "取消";
    var select_spe = "请选择商品属性";
</script>
<script type="text/javascript">
    $(function() {
        $('#search_text').click(function(){
            $(".showpage").children('div').hide();
            $("#search_hide").css('position','fixed').css('top','0px').css('width','100%').css('z-index','999').show();
        })
        $('#get_search_box').click(function(){
            $(".showpage").children('div').hide();
            $("#search_hide").css('position','fixed').css('top','0px').css('width','100%').css('z-index','999').show();
        })
        $("#search_hide .close").click(function(){
            $(".showpage").children('div').show();
            $("#search_hide").hide();
        })
        var p = $(".index_search");
        $(window).on("scroll", function() {
            var t = $(this).scrollTop();
            if (t > 0) {
                p.addClass("fixed");
            } else {
                p.removeClass("fixed");
            }
        });
    });
</script>
</body>
</html>